<b><h1><!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap 模板</title>
	  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8" >
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <script src="js/jquery-1.11.1.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
      <!--[if lt IE 9]>
         <script src="js/html5shiv.js"></script>
         <script src="js/respond.min.js"></script>
      <![endif]-->
   </head>
   <body>
   	<div class="row">
   		<div class="col-xs-6">
   			<div class="panel-group" id="pid">
   			<div class="panel panel-primary">
   				<div class="panel-heading">
   					<div class="title" data-toggle="collapse" data-target="#xx2" data-parent="#pid">面板</div>
				</div>
				<div id="xx2" class="panel-collapse collapse">
	   				<table class="table table-bordered table-striped table-hover">
	   				<tr>
	   					<th>姓名</th>
	   					<th>姓名</th>
	   					<th>姓名</th>
	   				</tr>
					<tr>
						<td>张三</td>
						<td>张三</td>
						<td>张三</td>
					</tr>
					<tr">
						<td>张三</td>
						<td>张三</td>
						<td>张三</td>
					</tr>
					<tr>
						<td>张三</td>
						<td>张三</td>
						<td>张三</td>
					</tr>
	   			</table>
			</div>
   			</div>
   			<div class="panel panel-primary">
   				<div class="panel-heading">
   					<div class="title" data-toggle="collapse" data-target="#xx" data-parent="#pid">面板</div>
				</div>
				<div id="xx" class="panel-collapse collapse">
	   				<table class="table table-bordered table-striped table-hover">
	   				<tr>
	   					<th>姓名</th>
	   					<th>姓名</th>
	   					<th>姓名</th>
	   				</tr>
					<tr>
						<td>张三</td>
						<td>张三</td>
						<td>张三</td>
					</tr>
					<tr">
						<td>张三</td>
						<td>张三</td>
						<td>张三</td>
					</tr>
					<tr>
						<td>张三</td>
						<td>张三</td>
						<td>张三</td>
					</tr>
	   			</table>
			</div>
   			</div>
			</div>
   			<div class="btn-group">
   					<button class="btn btn-primary">按钮</button>
   					<button class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
				<ul class="dropdown-menu">
					<li><a href="#">dsfdsfds</a></li>
					<li><a href="#">dsfdsfds</a></li>
					<li class="divider"><a href="#">dsfdsfds</a></li>
					<li><a href="#">dsfdsfds</a></li>
				</ul>
   			</div>
   			<div class="dropdown">
   				<button class="btn btn-default" data-toggle="dropdown">下拉按钮<span class="caret"></span></button>
				<ul class="dropdown-menu">
					<li><a href="#">dsfdsfds</a></li>
					<li><a href="#">dsfdsfds</a></li>
					<li class="divider"><a href="#">dsfdsfds</a></li>
					<li><a href="#">dsfdsfds</a></li>
				</ul>
   			</div>
   			<div class="alert alert-danger">错误
				<button class="close" data-dismiss="alert">&times;</button>
			</div>
   			<table class="table table-bordered table-striped table-hover">
   				<tr class="success">
   					<th>姓名</th>
   					<th>姓名</th>
   					<th>姓名</th>
   				</tr>
				<tr>
					<td>张三</td>
					<td>张三</td>
					<td>张三</td>
				</tr>
				<tr class="info">
					<td>张三</td>
					<td>张三</td>
					<td>张三</td>
				</tr>
				<tr>
					<td>张三</td>
					<td>张三</td>
					<td>张三</td>
				</tr>
   			</table>
   		</div>
   		<div class="col-xs-6">
   			<div class="list-group">
		   		<a class="list-group-item list-group-item-success">dsfdsfsdfsd</a>
		   		<a class="list-group-item">dsfdsfsdfsd</a>
		   		<a class="list-group-item">dsfdsfsdfsd</a>
		   		<a class="list-group-item">dsfdsfsdfsd</a>
		   		<a class="list-group-item">dsfdsfsdfsd</a>
   	</div>
   		</div>
   	</div>
   	
   	<hr />
   	<form>
   		
		<input type="date" />
		<input type="number" required="required" />
		<input type="color" />
		<button class="submit">提交</button>
   	</form>
   </body>
</html></h1></b>